//导入自己的css
require('../css/index.css');


// swiper初始化
var mySwiper = new Swiper ('.swiper-container', {
    // direction: 'vertical', // 垂直切换选项
    loop: true, // 循环模式选项
    autoplay:true,
    
    // 如果需要分页器
    pagination: {
      el: '.swiper-pagination',
    },
  })        




// 调用公共底部
common.footer(0);

// 获取登陆页面保存在本地存储中的数据
let userId = localStorage.getItem('userId');
let data = {
    userId:userId
}
let btnCard = document.querySelector('main .day strong');
// 调用接口首页数据的函数
function getRequest(){
    http.get('/headPageInfo',data,function(res){
        console.log(res);
        document.querySelector('main .order strong').textContent = res.data.rank;
        document.querySelector('main .day span').textContent = `累计打卡${res.data.punchIn}天`;
        document.querySelector('main .sum p span').textContent = res.data.insigniaNum;
        btnCard.style.border = '2px solid #004E73';

        // 根据返回数据中是否打卡的取值判断页面展示情况
        if(res.data.isPunch == 'false'){
            btnCard.textContent = '今日打卡';
        }else{
            btnCard.textContent = '已打卡';
        }
    })
}
// 页面最初加载调用
getRequest();


// 给今日打卡按钮添加点击事件
btnCard.addEventListener('click',function(){
    if(btnCard.textContent == '已打卡'){
        common.tip(0,'请勿重复打卡')
    }else{ 
        // 请求打卡接口
        http.get('/clockIn',data,function(res){
            // console.log(res);
            // 同时再次更新页面数据
            getRequest();
        })
        common.tip(1,'打卡成功！')
    } 
})

